<div class="page-header">
    <h1>
        管理员操作日志
        <small>
            <i class="ace-icon fa fa-angle-double-right"></i>
            查看操作日志信息；
        </small>
    </h1>
</div>
<div class="row">
    <div class="col-xs-12">
        <table id="dtpList" class="dataTable"></table>
        <div id="dtpList_filter" class="dataTables_filter">
            <div>
                <select id="dtpList_F_SType" class="selectpicker" data-style="btn btn-info btn-sm" data-width="90px">
                    <option value="">模糊查询</option>
                    <option value="Related_ID">被操作人ID</option>
                    <option value="Operation">操作内容</option>
                    <option value="Admin_ID">操作人ID</option>
                    <option value="RealName">真实姓名</option>
                    <option value="Phone">手机</option>
                </select>
                <input id="dtpList_F_SValue" class="fvalue" type="text"/>
                <label>时间：</label>
                <input id="dtpList_F_StartDate" type="text" style="width: 76px;" placeholder="开始时间">
                <label>-</label>
                <input id="dtpList_F_EndDate" type="text" style="width: 76px;" placeholder="结束时间">
                <!--<label>操作状态:</label>-->
                <!--<select id="dtpList_F_Status">-->
                    <!--<option value="-1">所有</option>-->
                    <!--<option value="1" selected="selected">艺人封面审核</option>-->
                    <!--<option value="2">艺人审核</option>-->
                <!--</select>-->
                <button id="dtpList_F_Btn"></button>
            </div>
        </div>
    </div>
</div>
<script src="<%- Virtual_Path.Static %>jquery.plugin/dataTables/jquery.dataTables.min.js"></script>
<script src="<%- Virtual_Path.Static %>jquery.plugin/dataTables/jquery.dataTables.bootstrap.min.js"></script>
<script>
    $(function () {
        //////////////////////////////////////////////////////////
        //时间输入框插件
        //////////////////////////////////////////////////////////
        $('#dtpList_F_StartDate , #dtpList_F_EndDate').datetimepicker({
            language: 'zh-CN',
            format: 'yyyy-mm-dd',
            minView: 2,
            autoclose: true
        });
        //////////////////////////////////////////////////////////
        //绑定日期选择框
        //////////////////////////////////////////////////////////
        $.KOC.Date.Select.Bind({
            eSelect: $('#dtpList_F_SelectDate'),
            eBegin: $('#dtpList_F_StartDate'),
            eEnd: $('#dtpList_F_EndDate')
        });
        //列表数据(分页)
        var _dtpList = $('#dtpList').dataTable({
            'aoColumns': [
                {
                    'sWidth': '100px', 'data': 'Create_Date', 'sName': 'Create_Date', 'sTitle': '操作时间', 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        $(td).text(moment(cellData).format('YYYY-MM-DD HH:mm'));
                    }
                },
                {
                    'sWidth': '100px', 'data': 'Log_ID', 'sName': 'Log_ID', 'sTitle': '日志ID', 'sClass': 'center'
                },
                {
                    'sWidth': '15%', 'data': 'Operation', 'sName': 'Operation', 'sTitle': '操作内容', 'bSortable': false, 'sClass': 'center'
                },
                {
                    'sWidth': '15%', 'data': 'Related_ID', 'sName': 'Related_ID', 'sTitle': '被操作人ID', 'bSortable': false, 'sClass': 'center'
                },
                {
                    'sWidth': '15%', 'data': 'Data', 'sName': 'Data', 'sTitle': '操作描述', 'bSortable': false, 'sClass': 'center'
                },
                {
                    'sWidth': '15%', 'data': 'Admin_ID', 'sName': 'Admin_ID', 'sTitle': '操作人ID', 'bSortable': false, 'sClass': 'center'
                },
                {
                    'sWidth': '15%', 'data': 'RealName', 'sName': 'RealName', 'sTitle': '操作人姓名', 'bSortable': false, 'sClass': 'center'
                },
                {
                    'sWidth': '110px', 'data': 'Phone', 'sName': 'Phone', 'sTitle': '手机号', 'bSortable': false, 'sClass': 'center'
                },
            ],
            'aaSorting': [0, 'desc'],
            'sAjaxSource': '/ajax/user.admin-manage.loglist',
            'fnServerParams': function (aoData) {
                if(!this.arrPageFilter){
                    this.arrPageFilter = [];
                    this.arrPageFilter.push(
                            {'name': 'F_StartDate', 'value': $(this.selector + '_F_StartDate').val()},
                            {'name': 'F_EndDate', 'value': $(this.selector + '_F_EndDate').val()}
                    );
                }else{
                    //重置条件框内容：未按搜索按钮
                    $(this.selector + '_F_StartDate').val(this.arrPageFilter[0].value);
                    $(this.selector + '_F_EndDate').val(this.arrPageFilter[1].value);
                }

                this.ofnServerParams(aoData);
            }
        });
    });
</script>